<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 搜索引擎优化 -->
    <meta name="description" content="网站说明词">
    <meta name="keywords" content="关键词">
    <title>哆啦A梦——斗地主</title>
    <link rel="stylesheet" href="../css/login.css">
    <script src="../js/jquery-3.2.1.min.js"></script>
    <link rel="shortcut icon" href="#" type="image/x-icon">
</head>

<body>
    <div style="width: 100%; " class="all">
        <!-- 头部 -->
        <header>
            <div class="logo  w">
                <img src="../img/login/logo-1.png" alt="">
            </div>
            <div class="clouds">

                <img id="cloudOne" class="cloud" src="../img/login/cloud_01.png" alt="">
                <img id="cloudTwo" class="cloud" src="../img/login/cloud_02.png" alt="">
                <img id="cloudThree" class="cloud" src="../img/login/cloud_03.png" alt="">
                <img id="cloudFour" class="cloud" src="../img/login/cloud_04.png" alt="">

            </div>
            <!-- <div class="audio">
                <audio controls loop>
                    <source src=".../哆啦A梦-斗地主/vedio/背景音乐.mp3">
                </audio>
            </div> -->



        </header>

        <!-- 内容 -->
        <section>
            <div class="bg_content">
                <div class="bg_nb">
                    <!-- 轮播图 -->
                    <div class="lunbo">
                        <ul style="left: -1300px;">
                        </ul>
                        <div class="left"><img src="../img/login/向左.png" alt="" srcset=""></div>
                        <div class="right"><img src="../img/login/向右.png" alt="" srcset=""></div>
                    </div>
                    <!-- 图片下阴影效果 -->
                    <p><img src="../img/login/g_bottom_gamelist.png" alt=""></p>
                    <!-- 登录框 -->
                    <div class="cinRight">
                        <div class="rightCon">
                            <div class="rightConAf">
                                <p>哆啦a梦-斗地主登录</p>
                                <p id="tips"></p>
                            </div>

                            <!-- 账号输入框 -->
                            <p>
                                <span><img src="../img/login/icon-sigin-user.2a661eaa.png" alt=""></span>
                                <input type="text" placeholder="用户名/手机" id="username">
                            </p>
                            <!-- 密码输入框 -->
                            <p>
                                <span><img src="../img/login/icon-sigin-lock.181df757.png" alt=""></span>
                                <input type="password" placeholder="密码" id="password">
                            </p>
                             <div id="loginMsg"></div>
                            <!-- 登录按钮 -->
                            <p> 
                                <button id="loginBtn">登&nbsp;&nbsp;&nbsp;&nbsp;录</button>
                            </p>

                            <!-- 忘记登录 -->
                            <p class="Plink">
                                <a href="register.html" class="fl">注册账号</a>
                                <a href="#" class="fr">忘记密码</a>
                            </p>

                            <!-- 遍历其他登录方式 -->
                            <p id="img_link">
                            </p>

                        </div>
                    </div>

                </div>

            </div>


        </section>
        <!-- 底部 -->
        <footer>
            <div class="w fContent">
                <div class="footerCopy">
                    <!-- 列表项 -->
                    <p class="fList" id="fList">
                        <!-- js遍历 list3 -->
                    </p>

                    <!-- 版权内容 -->
                    <p class="bottom">
                        <span> Copyright © 1997-2020</span>
                        <span>哆啦a梦斗地主有限公司</span>
                        <span>版权所有</span>
                    </p>
                </div>
            </div>
        </footer>
    </div>
    <!-- js文件 -->
    <script src="../js/lunbo.js"></script>

    <script src="../js/login.js"></script>

</body>

</html>